<template>
  <ElTabs v-model="activeTab" tab-position="top">
    <ElTabPane label="基础设置" name="basic">
      <NodePanel :node="node"></NodePanel>
    </ElTabPane>
    <ElTabPane label="权限设置" name="button">
      <ButtonPermPanel :node="node"></ButtonPermPanel>
      <FormPermPanel :node="node"></FormPermPanel>
    </ElTabPane>
  </ElTabs>
</template>

<script setup name="startEventEditor">
import { ref } from "vue";
import { ElTabs, ElTabPane } from "element-plus";
import NodePanel from "../NodePanel.vue";
import FormPermPanel from "../FormPermPanel.vue";
import ButtonPermPanel from "../ButtonPermPanel.vue";
const activeTab = ref("basic");
defineProps({
  node: {
    type: Object
  }
});
</script>

<style scoped></style>
